<template>
  <div id="app" >
    <router-view></router-view>
    <loading v-model="isLoading"></loading>
  </div>
</template>

<script>


import { Loading } from 'vux'
import { mapState } from 'vuex'

export default {
  name: 'app',
  components: {
    Loading
  },
  computed: {
    ...mapState({
      isLoading: state => state.vux.isLoading
    })
  }
}

</script>

<style lang="less">
@import '~vux/src/styles/reset.less';

body {
  background-color: #fbf9fe;
}
#app{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body,html{
   width: 100%;
  height: 100%;
  overflow: hidden;
}
.scroller{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
</style>
